﻿html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

footer {
    text-align:center;
}

table { 
    border-collapse:separate; 
    padding: 5px; 
}

.grid { 
    border-collapse:collapse; 
    border:1px solid #C0C0C0;
    width:100%;
}

.grid th
{
    padding:5px;    
    border:1px solid #C0C0C0;
    background-color:#d0dff8;
}

.grid-pager
{
    border:1px solid #C0C0C0;
    padding:5px;
    background-color:#d0dff8;
}

.grid td
{
    padding:5px;    
    border:1px solid #C0C0C0;
}

.grid-alt-row
{
    background-color: #fff;
}

.center-text
{
    text-align:center;
}

.accordion {
    margin:10px;
}

fieldset {
    border: 1px solid cornflowerblue;
    margin:10px;
    z-index: 100;
    position: relative;
}

.pagelink {
    margin:10px;
    text-align:right;
}

.title {
    font-size:x-large;
    font-weight: bold;
    margin:10px;
    color:darkgrey;
}

.header {
    font-size:larger;
    font-weight: bold;
    color: cornflowerblue;
}

.topAlignedLabel {
    vertical-align: top;
    padding-top:3px;
}

.textBox {
    border: 1px solid cornflowerblue;
    height:22px
}

.multilineTextBox {
    border: 1px solid cornflowerblue;
    font-size: small;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    width: 328px;
    height:40px;
}

.spinner {
    width: 40px;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

.validation-summary-errors {
  color: #f00;
}
 